<template>
  <el-container style="height:100%;">
      <el-aside width="200px">
        <!-- 导航 -->
        <navs></navs>
      </el-aside>
      <el-container>
        <el-header class="head">
          <div class="title">
            第十八届明天小小科学家奖励活动（上海地区）
          </div>
          <div class="title2">
            在线申报评审系统
          </div>
        </el-header>
        <el-main>
          <!-- 内容 -->
          <router-view/>
        </el-main>
      </el-container>
    </el-container>
</template>

<script>
import navs from '@/components/navigation/'
export default {
  name: 'App',
  components: {
    navs
  },
  mounted() {
    this.cons()
  },
  methods: {
    cons() {
      let usertype = this.$route.query.id
    },
    cons2() {
    }
  },
  watch: {
    '$route': 'cons2'
  }
}
</script>

<style>
#app {
  height: 100%;
}
.head {
  height: 130px!important;
}
.title {
  padding: 20px 0;
  font-size: 40px;
  font-weight: bold;
}
.title2 {
  font-size: 30px;
}
</style>
